<head>

	<script type="text/javascript" src="/BackEndRecursosHumanos/app/webroot/js/jquery-1.9.1.js"></script>
	<script type="text/javascript" src="/BackEndRecursosHumanos/app/webroot/js/jquery-ui-1.10.3.custom.min.js"></script>
	<link rel="stylesheet" href="/BackEndRecursosHumanos/app/webroot/css/smoothness/jquery-ui-1.10.3.custom.min.css" />
	<!--<script type="text/javascript" src="/BackEndRecursosHumanos/app/webroot/js/jquery-ui-i18n.js"></script>-->
	
	<style>
	  .selectable .ui-selecting { background: #8C8E92; }
	  .selectable .ui-selected { background: #36393C; color: white; }
	  .selectable { list-style-type: none; margin: 0; width: 60%; }
  	</style>
	
	<script>
		$(function() 
		{
			$( ".date-picker" ).datepicker(
			{
	    		dateFormat: 'mm/dd/yy',
	    		changeMonth: true,
				changeYear: true,
	    		minDate: 0
	    	});
	    	$('#button_validar').click(function() {
			
				$('#menu_diasValorPost').val(1);
				$('#menu_diasAddMenuForm').submit();

			});
			$('#menu_diasAddMenuForm').submit(function (event) 
			{
				if ($('#menu_diasValorPost').val() == 2)
				{
					var comida_seleccionada = $('#comida_seleccionada').val();
					var length_comida = comida_seleccionada.length;
					if (length_comida <= 0)
					{
						alert('Para continuar, el menu debe tener al menos una comida')
						event.preventDefault(); 
					}
				}
				
					
				
				
			});
			
		
	    	$( "#accordion" ).accordion(
    		{
    			 heightStyle: "content",
    			 collapsible: true
    		});
    		
    		$(".selectable").bind("mousedown", function(evt) 
    		{
			    evt.metaKey = true;
			}).selectable();
    	
    		$( ".selectable" ).selectable(
    			{
    				
				    stop: function(event, ui) 
					{
					    var el_id = $(this).children("ol").attr("id");
					  
			    		$("#comida_seleccionada").val('');
					    $('.selectable .ui-widget-content.ui-selected').each(function(index) 
					    {
	     					
	     					$("#comida_seleccionada").val($("#comida_seleccionada").val()+","+$(this).attr('id'));

						});
					    
					    $(".selectable ui-widget-content.ui-selected").not("#" + el_id).each(function(index, element) 
					    { 
					       	alert(index);
					       	$(element).toggleClass("ui-selected");
					        
					    });
					}
					
    			}
    		);  
		});
		
		
	</script>
	<script>
		function disable_enable_buton()
		{
			if ($('#menu_diasValorPost').val() == 2)
			{
				 var comida_seleccionada = $('#comida_seleccionada').val();
				 var length_comida = comida_seleccionada.length;
				 if (length_comida <= 0)
				 {
				 	$("#Guardar_Menu").attr("disabled", "disabled");
				 }
				 else
				 {
				 	$("#Guardar_Menu").removeAttr("disabled");
				 }
			}
			 
		}
	</script>
	
</head>
<body>
	<center>
		<fieldset>
			<?php 
				if ($ModoValor == 1) //Modo Validar
				{
			?>
			<legend>Validar Menu</legend>
			<?php 
				}
				elseif ($ModoValor == 2) //Modo Agregar
				{
			?>
			<legend>Agregar Menu</legend>
			<?php 
				}
				elseif ($ModoValor == 3) //Modo Editar
				{
			?>
			<legend>Editar Menu</legend>
			<?php
				}
			?>
			<div>
				
				<?php echo $this->Form->create("menu_dias");
				 
				 
				 ?>
				 
				 
				<table>
					<tr>
						<center>
						<td>
							<center>
							<?php 
											echo '<input type="hidden" value="'.$valor.'" name="data[menu_dias][valor_post]" id="menu_diasValorPost">';
											
											echo '<input type="hidden" value="'.$ModoValor.'" name="data[menu_dias][modo_valor]" id="menu_diasModoValor">';
							
							if ($valor == 1)
							{
							?>
							
							<table style ="width: 50%" >
								<tr>
									<td>
										<center>
										
										<?php 
										
										
											echo $this->Form->input('fecha_menu_dia',array(
																								'label' => 'Fecha del Menu',
																								'class' => 'date-picker',
																								'style' => array('width: 50%; text-align: center;')
																						   )
											 						 ); 
										
										
										?>
										</center>
									</td>
								</tr>
								<tr>
									<td>
										<center>
											
										<?php 
										
										
											echo $this->Form->input('tipo_menu_id',array(
																								'options' => array($tipo_menus),
																								'label' => 'Tipo de Menu',
																								'style' => array('width: 50%')
																						   )
											 						 ); 
										
										
										
										
											echo '<input type="hidden" value="'.$valor.'" name="data[menu_dias][valor_post]" id="menu_diasValorPost">';
											
											echo '<input type="hidden" value="'.$ModoValor.'" name="data[menu_dias][modo_valor]" id="menu_diasModoValor">';
										?>
										
										
										</center>
									</td>
								</tr>
								<tr>
									<td>
										<center>
											<?php
													
												echo $this->Form->input('sede_empresa', array(
																					            'options' => array($sedes),
																								'label' => 'Sede'
																						   )
																   );
														
													
											?>
										</center>
									</td>
								</tr>
								
								<tr>
									
									<td style="text-align: center">
										<center>
											
											<?php
												if ($valor == 1)
												{
													echo $this->Form->Button('Validar Datos',array(		'id' => 'button_validar',
																									'type' => 'button',
																									'class' => "boton_regular"
																									 /*,
																									'onclick' => 'this.form.submit();'*/
																								)
																							
																		);
												}			
												
											?>
										</center>
									</td>
								</tr>
								
								
							</table>
							<?php
							}
							elseif ($valor == 2) 
							{
							?>
							
							
								<fieldset class="fieldset_modulo">
									<legend><b>Información del Ménu</b></legend>
									
									<table>
										<tr>
											<td style="text-align: right">
												Fecha:
											</td>
											<td style ="vertical-align: middle">
												<center>
													<b><?php echo date('d/m/Y',$fecha_menu);?></b>
													<input id="menu_diasFechaMenuDia" type="hidden" name="data[menu_dias][fecha_menu_dia]" 
													value ="<?php echo date('m/d/Y',$fecha_menu);?>"> 
												</center>
											</td>
										</tr>
										<tr>
											<td style="text-align: right">
												Tipo Menu:
											</td>
											<td style ="vertical-align: middle">
												<center>
													<b><?php echo $tipo_menu_nombre?></b>
													
													<input id="menu_diasTipoMenuId" type="hidden" name="data[menu_dias][tipo_menu_id]" 
													value ="<?php echo $id_tipo_menu?>"> 
												</center>
											</td>
										</tr>
										<tr>
											<td style="text-align: right">
												Sede:
											</td>
											<td style ="vertical-align: middle">
												<center>
													<b><?php echo $sede_nombre?></b>
													<input id="menu_diasSedeEmpresa" type="hidden" name="data[menu_dias][sede_empresa]" 
													value ="<?php echo $id_sede?>"> 
												</center>
											</td>
										</tr>
		
									</table>
									
								</fieldset>
							
							
							
							<?php
							}
							?>
							</center>
						</td>
						
						<?php if($valor == 2)
						{
							
						?>
							<td>
								<center>
									<fieldset>
										<legend><b>Comidas Disponibles</b></legend>
											<input type="hidden" name="data[menu_dias][comida_seleccionada]" value="<?php echo $arreglo_de_comida?>"  id="comida_seleccionada" >
											 <div id="accordion">
												  <?php 
												  	$variable_control = 0;
												  	foreach ($Todos_Tipo_Comidas as $Tipo_Comida) 
												  	{
														  echo '<h3>'.$Tipo_Comida['TipoComida']['nombre_tipo_comida'].'</h3>';
														  echo '<div>';
														  echo '<p>';
														  echo '<table>';
														  echo '<tr>';
														  echo '<td style="text-align: center; vertical-align: middle;">';
														  echo '<div>';
														  echo '<ol id="selectable"  style="text-align: center; width: 100%;" class="selectable">';
														  
													  	  foreach ($Todos_Comidas as $Comida) 
														  {
															  		if ($Comida['Comida']['tipo_comida_id'] == $Tipo_Comida['TipoComida']['id'])
																	{
																		echo '<li id="'. $Comida['Comida']['id'].'" class="ui-widget-content" >'.$Comida['Comida']['nombre_comida'].'</li>';
																		$variable_control = 1;
																	}	
														  }
															  
														 if($variable_control == 1)
														 {
															$variable_control = 0;
														 }
														 else 
														 {
													  		echo '<ol style="font-style: italic;"><b>NO HAY ARTICULOS</b></ol>';
														 }
														  
														  
														  
														  echo '</ol>';
														  echo '</div>';
														  echo '</td>';
														  echo '</tr>';
														  echo '</table>';
														  echo '</p>';
														  echo '</div>';
														  
													}
														  
												  ?>
												  
												</div>
										
									</fieldset>
								</center>
								
							</td>
						
						<?php 
						}
						?>
						
					</center>
					</tr>
					
				</table>
				<?php 
						if ($valor >= 2)
						{
					?>
					<center>
							<?php
															
									echo $this->Form->input('Guardar Menu',array(
																					'id' => 'Guardar_Menu',
																					'type' => 'Submit',	
																					'label' => array('style' => array('display: none;'))
																				)
															);
							
							?>
					</center>
					<?php 
					}
					?>
			</div>
		</fieldset>
	</center>
</body>